<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EDGE"/>
    <title>政务台</title>

    <link rel="stylesheet" href="css/ol/ol.css" type="text/css"><!--openlayers框架样式-->
    <link rel="stylesheet" href="css/CusControls/ol3-layerswitcher.css" type="text/css"><!--图层控制组件样式-->
    <link rel="stylesheet" href="css/ol/framework.css" type="text/css"><!--框架样式-->
    <link rel="stylesheet" href="css/CusControls/CusControls.css" type="text/css"><!--自定义组件样式-->
    <link rel="stylesheet" href="css/Module/Module.css" type="text/css"><!--功能模块样式-->

    <style type="text/css">
        * {
            box-sizing: border-box;
        }

        body, html {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
    </style>

    <script>

    </script>

    <script type="text/javascript" src="js/tools/jquery.min.js"></script>
    <script type="text/javascript" src="js/tools/LAB.js"></script>
    <script type="text/javascript" src="ZGMapApi.js"></script>

   <!-- <script type="text/javascript" src="js/echarts/echarts.min.js"></script>
    <script src="js/ol/ol.js"></script>
    <script src="js/CusControls/ol3-layerswitcher.js"></script>
    <script src="js/CusControls/MapSwitch.js"></script>

    &lt;!&ndash;-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;封装组件&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&ndash;&gt;
    <script src="Component/ProgressBar/ProgressBar.js"></script>
    <script src="Component/Heatmap/Heatmap.js"></script>
    &lt;!&ndash;-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;封装组件&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&ndash;&gt;


    <script src="js/layers/layers.js"></script>
    <script src="gis.js"></script>-->

</head>
<body style="overflow-x:hidden;overflow-y:hidden">

<!--顶部标题栏，不用时可以直接隐藏,display: none;-->
<div id="applogo" style="height: 48px; background-repeat:no-repeat; background-color: #6E7B8B; background-image: url(img/logo.png); display: none; ">
    <div id="apptitle"  style="padding-left: 55px; float:left;font-family:'微软雅黑';font-weight: bold; font-size:24px;overflow:hidden;line-height:48px; color: #FFFFFF">
        WebGIS
    </div>
</div>

<!--主地图显示区域-->
<div id='mapContainer' style='width:100%; height: 100%; float:left;'>
    <div id="map" class="map"></div>
</div>
<!--鼠标位置显示区域-->
<div id="mouse-position" class="mouse-position-wrapper"><!--坐标位置-->
    <div class="custom-mouse-position"></div>
</div>
<!--比例尺显示区域-->
<div id="scale-line"></div><!--比例尺-->
</div>

</body>
</html>